/*Small devices (landscape phones, 0px to 576px and up)*/

@include media-breakpoint-between(xs, md) {
    .navbar-brand {
        width: 35%;
        img {
            width: 100%;
            margin-left: 15px !important;
        }
    }
    .customtoggler {
        margin: 0px!important;
        border: 0px;
        right: 15px;
        top: 5px;
    }
    .mobsearch {
        position: absolute;
        top: 10px;
        right: 50px;
        display: block;
    }
    .mobtoggle {
        right: 15px;
        top: 25px;
    }
}

@include media-breakpoint-only (md) {
    .navbar-brand {
        width: 40%;
        img {
            width: 50%;
            margin-left: 15px !important;
        }
    }
}